/**app.wxss**/
page{ background:#fff; font-family: Microsoft Yahei;  font-size: 30px; height: 100%;}
input{ font-family: Microsoft Yahei; }



/*index*/

.maintop{

  background-color: #fff;
  width: 100%;
  height: 540rpx;
  margin: auto;
  padding-top: 60rpx;
  background-size: 100%;
 /* border-radius: 10rpx;*/
  position: relative;
}
.names{font-size: 35rpx; font-weight: boldl; color: #fff;line-height: 60rpx; height: 60rpx; width: 100%;}



.gsname{font-size: 36rpx; 

  line-height: 50rpx; 
  height: 50rpx;
  color: rgba(255, 255, 255,0.95); 
  width: 80%; 
  border-bottom: 1px solid #ccc;
  padding-bottom: 30rpx;
  text-align: center;
  margin:  0 auto;
}



.kefu{font-size: 36rpx; 
  line-height: 60rpx; 
  height: 60rpx;
  color: rgba(0, 0, 0,0.95); 
  width: 80%; 
  border-bottom: 0px solid #ccc;
  text-align: center;
  margin:  0 auto;
}
.kefu text{font-weight: bold;}


.kefu2{font-size: 28rpx; 
  line-height: 50rpx; 
  height: 50rpx;
  color: rgb(255, 255, 255); 
  width: 80%; 
  padding-bottom: 10rpx;
  text-align: center;
  margin:  0 auto;
  padding-top:10rpx;
}

.brr{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 40rpx;
  font-weight: bold;
}


.zhiwei
{
   
   font-size: 30rpx; 
   color: #fff; 
   border-radius: 25rpx;  
   background: -webkit-linear-gradient(top,#A933F3,#7B70FD,#7B70FD);
   margin-top: 30rpx; 
   padding: 20rpx;
    text-align: center;
    height: 60rpx;
    line-height: 60rpx;
    width: fit-content;

  }


  .note{
   position: absolute;
   background-image: url(https://xxyg.daxinxin.vip/wxapp/notebg.png);
   /*background: -webkit-linear-gradient(top,#45D0FB,#4A80E4);*/
   width:90%;
   left:5%;
   top:310rpx;
   height:300rpx;
   padding:0;
    color:#fff;
   border-radius: 20rpx;
   justify-content: center;
   display: flex;
  flex-direction:column;
  justify-content: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  display: none;

  /*box-shadow: 0px 0px 10px 10px #333;*/

  }
  .note text{ font-size: 30rpx; line-height: 200%; width: 90%; margin: 0 auto;}

.index-swiper{ 
  width: 699rpx; 
  position: relative; 
  margin: 0 auto;
  display:flexbox;
  margin-bottom: 30rpx;
  margin-top: 30rpx;


}
.swiper_box { 
  width: 100%;
  height: 280rpx;
  border-radius: 15rpx;
  position: relative;
  
}

.ad{
  position:absolute;
  top:5%;
  right:3%;
  border-radius: 10%;
  border: 1px #fff solid;
  color:  #fff;
  font-size: 20rpx;
  padding: 5rpx;
}

.swiper-item image{ 
  width: 100%; 
  height: 280rpx; 
  display: inline-block; 
  overflow: hidden; 
  border-radius: 10rpx;
  border: 0rpx #c9c9c9 solid;
}

.index-box{
  width: 630rpx;
  background: #fff;

  position: relative;
  display: grid;
  /*box-shadow:  0px 0px 1px 1px #d6d5d5;
  border-radius: 10rpx;*/
  margin: 0 auto;
  margin-top: 20px; 
}

.index-tle{
  width: 100%;
  float: left; 
  border-bottom: 1px #f0ebeb solid;
  padding: 13px 4%;
  box-sizing: border-box;
 
}
.index-tex{
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #2d2d2d;
  box-sizing: border-box;
  padding-left: 15px;
  border-left: 5px #6fadf6 solid;
  
}
.index-jie{
  width: 100%;
  float: left; 
  padding: 15px 4%;
  box-sizing: border-box;
  color: #666;
  line-height: 25px;
  font-size: 15px;
}
.index-list{ 
  width: 94%;
  margin: 0 3%;
  padding: 15px 0px;
  float: left; 
}
.index-lebox{ 
  width: 44%; 
  margin-left: 4%; 
  float: left; 
  margin-top: 10px; 
}
.index-cpimg{ 
  width: 100%; 
  height: 180rpx; 
  overflow: hidden;
}
.index-cpname{ 
  width: 100%; 
  float: left; 
  overflow: hidden;
  text-align: center;
  height: 40px; 
  line-height: 40px; 
  color: #6fadf7; 
  font-size: 18px;  
}
.index-cpjie{
  width: 100%;
  display: block;
  color: #999;
  float: left;
  height: 66px;
  line-height: 22px;
  overflow: hidden;
}
.index-hzimg{
  width: 100%;
  float: left;
  margin: 5px 1%;
}
.index-bq{
  width: 100%;
  float: left;
  padding: 15px 0px;
  position: relative;
  display: grid;
}
.index-bqtx{
  width: 100%;
  text-align: center;
  color: #c9c9c9;
  display: block;
}
/*product*/
.pro-fenle{
  width: 630rpx;
  padding: 0;
  margin: 0;
  float: left; 
  border-radius: 15rpx;
  border-top: 2rpx solid #EEEEEE;
}
.pro-box{
  width:210rpx;
  height:210rpx;
  float: left;
  text-align: center;
  margin:0px;
  /*border-right: 1rpx solid #EEEEEE;*/
  border-bottom: 2rpx solid #EEEEEE;
  padding-bottom: 30rpx;
 
}
.pro-yimg{
  width: 70rpx;
  height:70rpx;
  margin-top:55rpx;
}
.pro-tex{
  display: block;
  width: 100%;
  color: #000;
  font-size: 30rpx;
  margin: 10px 0px;
  font-weight: 500;
}
.pro-zs{
  width: 94%;
  float: left;
  margin: 0 3%; 
}
.pro-img1{
  width: 404rpx;
  float: left; 
  height: 406rpx;
  margin-top: 60px;
}
.pro-rt1{
  width: 300rpx; 
  float: right; 
  margin-top: 30px;
  text-align: right;
}
.pro-tex1{
  width: 100%;
  display: block;
  color: #333;
  font-size: 34rpx;
  margin: 5px 0px;
}
.pro-tex2{
  width: 100%;
  display: block;
  color: #3ccb52;
  font-size: 38rpx;
  
}
.pro-tex3{
  width: 100%;
  display: block;
  color: #999;
  font-size: 24rpx;
  margin: 5px 0px;
  line-height: 46rpx;
}
.pro-img2{
  width: 354rpx;
  float: right; 
  height: 363rpx;
  margin-top: 60px;
}
.pro-rt2{
  width: 340rpx; 
  float: left; 
  margin-top: 30px;
}
.pro-tex4{
  width: 100%;
  display: block;
  color: #fbc058;
  font-size: 38rpx;
}
.pro-tex5{
  width: 100%;
  display: block;
  color: #17afca;
  font-size: 38rpx;
}
.pro-rt3{
  width: 100%; 
  float: left; 
  margin-top: 30px;
}
.pro-img3{
  width: 80%;
  float: left; 
  height: 490rpx;
  margin: 0 10%;
  margin-top: 30px;
}
.pro-li{
  width: 100%;
  float: left;
  text-align: center;
}
.pro-on{
  display: inline-block;
  width: 80px; 
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #333;
  font-size: 16px;
}
.pro-on2{
  display: inline-block;
  width: 80px; 
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #6fadf7;
  font-size: 16px;
  border-bottom: 1px #6fadf7 solid;
}
.show{
   display:block; 
}
.hidden{
   display:none; 
}
.pro-he{
  width: 90%;
  padding: 0 5%;
  float: left;
}
.pro-swoper{ 
  width: 100%;
  height: 699rpx; 
}
.pro-swoper .swiper-item{
  width: 100%;
  height: 699rpx;
  padding: 90rpx 0px;
}
.pro-swoper .swiper-item .pro-sj{
  width: 240rpx;
  height: 490rpx;
  float: left;
}
.pro-tabsp{
  width: 400rpx;
  height: 480rpx;
  float: right;
}
.pro-tabtx1{
  width: 100%;
  display: block;
  color: #333;
  font-size: 34rpx;
  margin: 5px 0px;
  height: 40rpx;
  line-height: 40rpx;
  overflow: hidden;
}
.pro-tabtx2{
  width: 100%;
  display: block;
  color: #17afca;
  font-size: 38rpx;
  height: 50rpx;
  line-height: 50rpx;
  overflow: hidden;
}
.pro-tabtx3{
  width: 100%;
  display: block;
  color: #999;
  font-size: 24rpx;
  margin: 5px 0px;
  line-height: 46rpx;
  height: 330rpx;
  overflow: hidden;
}

/*details*/
.xcx-img1{ 
  width: 330rpx;
  height: 340rpx;
  float: left;
  margin-top: 30px;
 }
 .xcx-rt1{
   width: 350rpx;
   float: right;
   margin-top: 50px;
 }
 .xcx-tle{
   width: 100%; 
   padding: 5px 0;
   height: 4px;
 }
 .xcx-tle2{
   width: 100%; 
   float: left;
   padding: 5px 0;
   height: 4px;
   text-align: center;
 }
 .xcx-tleimg{
   width: 50px;
   height: 3px;
   display: inline-block;
   vertical-align: top;
 }
 .xcx-tex1{
   width: 100%;
   display: block;
   color: #333;
   font-size: 34rpx;
   margin: 5px 0px;
   text-align: center;
 }
 .xcx-zs{
   width: 100%;
   float: left;
   position: relative;
   margin-top: 40px;
 }
 .xcx-zs2{
   width: 100%;
   float: left;
   position: relative;
   margin-top: 20px;
 }
 .xcx-img3{
   width: 100%;
   float: left;

 }
 .xcx-tex3{
   text-align: center;
 }
 .xcx-rt3{
   position: absolute; 
   width: 100%;
   top: 10px;
   left: 0px;
 }
 .xcx-le{
   width: 45.5%; 
   margin-left: 3%; 
   float: left; 
   border: 1px #dedede solid;
   border-radius: 5px;
   box-shadow: 2px 2px 2px #ccc;
   box-sizing: border-box;
   margin-top: 10px;
   padding: 20rpx 15rpx;
   position: relative;
 }
 .xcx-leimg{
   width: 80rpx;
   height: 80rpx;
   float: left;
   position: absolute;
   left: 15rpx;
   top: 20rpx;
 }
 .xcx-lebox{
   width: 100%;
   padding-left: 90rpx;
   box-sizing: border-box;
 }
 .xcx-letex1{
   display: block;
   width: 100%;
   font-size: 32rpx;
   height: 40rpx;
   line-height: 40rpx;
   overflow: hidden;
   color: #303030;
 }
  .xcx-letex2{
   display: block;
   width: 100%;
   font-size: 24rpx;
   height: 80rpx;
   line-height: 40rpx;
   overflow: hidden;
   color: #808080;
 }
 .pyq-img1{ 
  width: 330rpx;
  height: 340rpx;
  float: right;
  margin-top: 30px;
 }
 .pyq-rt1{
   width: 350rpx;
   float: left;
   margin-top: 50px;
 }
 .pyq-le{
   width: 94%; 
   margin-left: 3%; 
   float: left; 
   border: 1px #b3cae6 solid;
   box-sizing: border-box;
   margin-top: 10px;
   padding: 30rpx 35rpx;
   position: relative;
 }
 .pyq-leimg{
   width: 80rpx;
   height: 80rpx;
   float: left;
   margin-top: 20rpx;
 }
 .pyq-lesp1{
   display: block;
   width: 460rpx;
   height: 40rpx;
   line-height: 40rpx;
   color: #666;
   font-size: 40rpx;
   float: left;
   margin-left: 40rpx;
 }
  .pyq-lesp2{
   display: block;
   width: 460rpx;
   height: 80rpx;
   line-height: 40rpx;
   color: #999;
   font-size: 26rpx;
   float: left;
   margin-left: 40rpx;
   margin-top: 20rpx;
 }
 .qye-leimg{
   width: 110rpx;
   height: 130rpx;
   float: left;
   margin-top: 20rpx;
 }
 .qye-lesp2{
   display: block;
   width: 470rpx;
   height: 80rpx;
   line-height: 40rpx;
   color: #999;
   font-size: 22rpx;
   float: left;
   margin-left: 40rpx;
   margin-top: 10rpx;
 }
 .nodeimg{ max-width: 100%;}
 
 .kefu-box{
  width: 100rpx;
  height: 100rpx;
  position: fixed;
  top: 30%;
  margin-top: 0px;
  right: 30rpx; 

}
.kefu-btn{
  opacity: 1;
  height: 100rpx;
  width:100rpx;

}
.kefu-img{
  width: 100rpx;
  height:100rpx;
  display: block;
  margin: 0px;
}

.touxiang{
  width: 200rpx;
  height: 200rpx;
  border-radius:100rpx;
  margin: 0 auto;
  margin-top: 30rpx;
  margin-bottom: 10rpx;
  border:5rpx solid #fff
 
}

.denglu
{
  border: 2px solid #fff;
  border-radius:15rpx;
  width:120rpx;
  height: 36rpx;
  color: #fff;
  margin: 0 auto;
  background-color: rgb(7, 32, 78);

}
.denglu button
{
  border: 0px solid #fff;
  border-radius: 5rpx;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  color: #fff;
  font-size:24rpx;
  line-height: 36rpx;
  
}